<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ include file="admin.inc.jsp"%>
<html>
<head>
	<meta charset="UTF-8">
	<title>后台管理系统</title>
	<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css">
	<style type="text/css">
	html {
		background-color: #E9EEF0
	}
	.wrapper {
		margin: 140px auto;
		width: 884px;
	}
	.loginBox {
		background-color: #FEFEFE;
		border: 1px solid #BfD6E1;
		border-radius: 5px;
		color: #444;
		font: 14px 'Microsoft YaHei','微软雅黑';
		margin: 0 auto;
		width: 388px
	}
	.loginBox .loginBoxCenter {
		border-bottom: 1px solid #DDE0E8;
		padding: 24px;
	}
	.loginBox .loginBoxCenter p {
		margin-bottom: 10px
	}
	.loginBox .loginBoxButtons {
		background-color: #F0F4F6;
		border-top: 1px solid #FFF;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		line-height: 28px;
		overflow: hidden;
		padding: 20px 24px;
		vertical-align: center;
	}
	.loginBox .loginInput {
		border: 1px solid #D2D9dC;
		border-radius: 2px;
		color: #444;
		font: 12px 'Microsoft YaHei','微软雅黑';
		padding: 8px 14px;
		margin-bottom: 8px;
		width: 310px;
	}
	.loginBox .loginInput:FOCUS {
		border: 1px solid #B7D4EA;
		box-shadow: 0 0 8px #B7D4EA;
	}
	.loginBox .loginBtn {
		background-image: -moz-linear-gradient(to bottom, #B5DEF2, #85CFEE);
		border: 1px solid #98CCE7;
		border-radius: 20px;
		box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
		color: #FFF;
		cursor: pointer;
		float: right;
		font: bold 13px Arial;
		padding: 5px 14px;
	}
	.loginBox .loginBtn:HOVER {
		background-image: -moz-linear-gradient(to top, #B5DEF2, #85CFEE);
	}
	.loginBox a.forgetLink {
		color: #ABABAB;
		cursor: pointer;
		float: right;
		font: 11px/20px Arial;
		text-decoration: none;
		vertical-align: middle;
	}
	.loginBox a.forgetLink:HOVER {
		text-decoration: underline;
	}
	.loginBox input#remember {
		vertical-align: middle;
	}
	.loginBox label[for="remember"] {
		font: 11px Arial;
	}
	</style>
	<script>
		function getQueryString(name) {
		    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
		    var r = window.location.search.substr(1).match(reg);
		    if (r != null) return unescape(r[2]); return null;
	    }		
		function clearAll(){
			$("#username")[0].value = "";
			$("#userpassword")[0].value = "";
			//document.getElementById("username").value = "";
			//document.getElementById("userpassword").value = "";
		}
		function submitLogin(){
			$("#to_url")[0].value = getQueryString("to_url");
			$("#loginForm")[0].submit();
		}
		document.onkeydown=keyListener; 
		function keyListener(e){ 
		    e = e ? e : event;
		    if(e.keyCode == 13){ 
		    	submitLogin(); 
		    } 
		} 
	</script>
</head>
<body>
	<div class="wrapper">
		<form action="${webContextPath}/admin/login/submit" method="post" id="loginForm">
		<input type="hidden" name="to_url" id="to_url" />
		
		<div class="loginBox">
			<div class="loginBoxCenter">
				
				<p><label for="username">用 户：</label></p>
				<p><input type="text" id="username" name="name" class="loginInput" autofocus="autofocus" required="required" autocomplete="off" placeholder="请输入用户名" value="" /></p>
				<p><label for="password">密码：</label></p>
				<p><input type="password" id="userpassword" name="password" class="loginInput" required="required" placeholder="请输入密码" value="" /></p>
				
				<div id="error"><font color="red">${error}</font></div>
			</div>
			<div class="loginBoxButtons">
				<button class="loginBtn">登录</button>
			</div>
		</div>
		</form>
	</div>
	<script type="text/javascript">
  	function refreshCode(){
  		var imgCode = document.getElementById("imgCode");
  		imgCode.src = "${webContextPath}/imageServlet?t=" + Math.random();
  	}
  </script>
</body>
</html>
